<template>
    <div>
        <vxe-table
          border
          show-header-overflow
          show-overflow
          :align="allAlign"
          :row-config="{isHover: true}"
          :data="tableData">
          <vxe-column type="seq" title="序号" width="60"></vxe-column>
          <vxe-column field="name" title="项目名称"></vxe-column>
          <vxe-column field="sex" title="项目编号"></vxe-column>
          <vxe-column field="sex" title="项目地址"></vxe-column>
          <vxe-column field="age" title="入库单号"></vxe-column>
          <vxe-column field="ren" title="入口人"></vxe-column>
          <vxe-column field="time" title="入库时间"></vxe-column>
          <vxe-column field="age" title="出库单号"></vxe-column>
          <vxe-column field="ren" title="出口人"></vxe-column>
          <vxe-column field="time" title="出库时间"></vxe-column>
        </vxe-table>
    </div>
</template>
<script>
export default {
    data(){
        return{
            allAlign: null,
              tableData: [
                { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, time: 'test abc',ren:'张三' },
                { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, time: 'Guangzhou',ren:'张三1' },
                { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, time: 'Shanghai',ren:'张三1' },
                { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, time: 'Shanghai',ren:'张三1' }
              ]
        }
    }
}
</script>